/* ---------------------------------------- css content 内容部分（针对16:9标准屏）----------------------------------------*/
.index { height: 13.46rem; overflow: initial; background: url('../images/bg.jpg') no-repeat; background-size: 100% 100%; }

/* widget */
.silder { width: 5.1rem; height: 3.08rem; border: .04rem solid #684629; position: relative; overflow: hidden; }
.silder ul { position: absolute; }

/* head */
header { width: 100%; height: 3.28rem; position: relative; }
header > .logo { width: 2.36rem; height: 2.63rem; position: absolute; top: .28rem; left: .5rem; }
header > .temp { width: 5.29rem; height: 4.03rem; position: absolute; top: -.6rem; right: 0; }
/* content */
.cont { width: 100%; height: 3.16rem; overflow: hidden; position: relative; margin-bottom: .4rem; }
.cont > .btn-link { width: 1.73rem; height: 3.16rem; position: relative; }
.cont > #kv { float: left; margin-left: .2rem; height: 3.08rem; }
.cont > #kv ul li { width: 5.1rem; height: 3.08rem; float: left; position: relative; overflow: hidden; }
.cont > #kv ul li img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.cont > #kv ul li p { width: calc(100% - .1rem); height: auto; line-height: .35rem; padding: .15rem .05rem; color: #fff; background: rgba(0,0,0,.85); position: absolute; bottom: 0; left: 0; z-index: 2; }

.cont > #btn-depict { float: right; margin-right: .2rem; }
.cont > #top { float: right; margin-right: .2rem; }
.cont > #top ul { width: 100%; }
.cont > #top ul li { width: calc(100% - .22rem); padding: .11rem; overflow: hidden; }
.cont > #top ul p { float: left; font-size: .3rem; }
.cont > #top ul p:nth-child(1) { width: 25%; }
.cont > #top ul p:nth-child(2) { width: 40%; text-align: center; }
.cont > #top ul p:nth-child(3) { width: 35%; text-align: center; }

.links { width: 100%; height: 1.23rem; position: relative; margin-bottom: .41rem; }
.links > img { width: 2.23rem; height: 100%; float: left; }
.links > img:nth-child(1) { margin-left: .2rem; }
.links > img:nth-child(2) { margin-left: .21rem; }
.links > img:nth-child(3) { margin-left: .21rem; }


.day { background: url(/images/obg.jpg); width: 100%; height: 117%; background-size: 100% 100%; }
.day .day_title { width: 7.31rem; position: absolute; left: 50%; margin-left: -3.655rem; top: 0.32rem }
.day .fo { width: 3.72rem; position: absolute; left: 50%; margin-left: -1.86rem; top: 1.54rem; }
.day .words { width: 2.69rem; position: absolute; left: 50%; margin-left: -1.345rem; top: 5.5rem }
.day .btn_day { width: 3.7rem; position: absolute; left: 50%; margin-left: -1.85rem; top: 6.49rem; }
.day .date { width: 7.26rem; height: 4.9rem; position: absolute; left: 50%; margin-left: -3.63rem; top: 7.67rem; background: url(/images/day_border.png); background-size: 100% 100% }
.day .date .tit { color: #684629; text-align: center; margin-top: 0.36rem; position: relative }
.day .date .tit span { font-size: 0.36rem; }
.day .date .month_la { width: 0.13rem; margin-top: -0.05rem; margin-right: 0.1rem }
.day .date .month_ra { width: 0.13rem; margin-top: -0.05rem; margin-left: 0.1rem; -webkit-transform: rotate(180deg) }
.day .calendar { width: 6.2rem; height: 1.4rem; position: absolute; left: 50%; margin-left: -2.71rem; top: 1.15rem }
.day .calendar .day_la { width: 0.21rem; position: absolute; top: 50%; margin-top: -0.19rem; left: -0.7rem; }
.day .calendar .day_ra { width: 0.21rem; position: absolute; top: 50%; margin-top: -0.19rem; right: -0.3rem; -webkit-transform: rotate(180deg) }
.day .daylist { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.day .daylist div { width: 0.48rem; height: 0.48rem; float: left; margin-right: 0.23rem; margin-bottom: 0.42rem; background: #6b492a; text-align: center; line-height: 0.48rem; color: #fff }
.day .daylist .r { background: #a53d42; }
.day .daylist .y { background: #d49d3e; }
.day .daylist .b { background: #a53d42; }


.merits { background: url(/images/obg.jpg); width: 100%; height: 110%; background-size: 100% 100%; overflow-x:hidden;}
.merits .merits_title { width: 7.31rem; position: absolute; left: 50%; margin-left: -3.655rem; top: 0.32rem }
.merits .list { width: 100%; position: absolute; left: 0.7rem; top: 1.9rem }
.merits .item { width: 1.67rem; height: 3.07rem; margin-right: 0.7rem; margin-bottom: 0.7rem; float: left; position: relative }
.merits .item img { width: 100%; }
.merits .item .icon { width: 100%; position: absolute; left: 0; top: 0 }
.merits .item .btn { width: 100%; height: .78rem; position: absolute; left: 0; bottom: 0; background: url('../images/btn.png') no-repeat; background-size: 100% 100%; color: #efdebe; font-size: .26rem; text-align: center; line-height: .78rem; }
.merits .item div { width: 100%; position: absolute; top: 1.82rem; text-align: center; color: #684629; font-size: 0.3rem }
.merits .btn_random { width: 1.67rem; position: absolute; left: 0.6rem; top: 9.23rem }
.merits .amount { width: 2.9rem; height: 0.72rem; position: absolute; left: 2.56rem; top: 9.7rem; border: 2px solid #684629; background: #fff; font-size: 0.4rem; text-indent: 0.2rem; }
.merits .amount::-webkit-input-placeholder { font-size: 0.4rem; line-height: 0.5rem; text-indent: 0.2rem; }
.merits .btn_donate { width: 1.21rem; position: absolute; right: 0.7rem; top: 9.7rem }


.reg { background: url(/images/obg.jpg); width: 100%; height: 100%; background-size: 100% 100%; }
.reg .reg_title { width: 7.31rem; position: absolute; left: 50%; margin-left: -3.655rem; top: 0.32rem }
.reg .year { color: #684629; text-align: center; margin-top: 1.65rem; font-size: 0.47rem; }
.reg .list { width: 6.6rem; height: 8.2rem; position: absolute; left: 50%; margin-left: -3.3rem; top: 2.7rem; padding-right: 0.3rem; overflow: hidden }
.reg .item { width: 100%; margin-bottom: 0.25rem; overflow: hidden }
.reg .item .nt { float: left; width: 4.92rem; height: 0.68rem; border: 2px solid #684629 }
.reg .item .nt div { height: 100%; font-size: 0.35rem; line-height: 0.68rem; float: left; color: #684629 }
.reg .item .name { width: 2.65rem; text-indent: 0.2rem }
.reg .item .time { }
.reg .item .btn { float: right; width: 1.13rem; height: 0.72rem; background: url(/images/btn_reg.png); background-size: 100% 100% }
.reg .item.no .nt { border: 2px solid #000; background: #afa696; }
.reg .item.no .nt div { color: #707070 }
.reg .item.no .btn { background-image: url(/images/btn_noreg.png); }

.reg .btn_dan { width: 3.2rem; height: 0.9rem; background-image: url(/images/btn_dan.png); background-size: 100% 100%; position: absolute; top: 1.49rem; left: 0.4rem; }
.reg .btn_dan.on { background-image: url(/images/btn_dan_on.png); }
.reg .btn_wang { width: 3.2rem; height: 0.9rem; background-image: url(/images/btn_wang.png); background-size: 100% 100%; position: absolute; top: 1.49rem; right: 0.4rem; }
.reg .btn_wang.on { background-image: url(/images/btn_wang_on.png); }
.reg .info { width: 4.96rem; position: absolute; top: 2.88rem; left: 50%; margin-left: -2.48rem; }
.reg .btn_add { width: 100%; height: 0.65rem; line-height: 0.64rem; background-image: url(/images/btn_add.png); background-size: 100% 100%; color: #efdebe; font-size: 0.35rem; text-indent: 1rem; letter-spacing: 0.05rem; margin-bottom: 0.22rem; }
.reg .info input { width: 4.9rem; height: 0.7rem; margin-bottom: 0.22rem; border: 0.03rem solid #684629; background: #fff; font-size: 0.4rem; }
.reg .info input::-webkit-input-placeholder { font-size: 0.4rem; line-height: 0.5rem; text-indent: 0.2rem; }
.reg .words_60 { width: 4.33rem; position: absolute; left: 50%; margin-left: -2.165rem; top: 8.8rem; }
.reg .btn_sumbit { width: 3.2rem; position: absolute; left: 50%; margin-left: -1.6rem; top: 9.6rem }

.reg .wang_info { display: none }


.reg_ok { background: url(/images/reg_ok_bg.jpg); width: 100%; height: 100%; background-size: 100% 100%; }

.iScrollVerticalScrollbar { width: 0.07rem !important; }
.iScrollIndicator { background: #845d31 !important; border: 0 !important; }

.cont > #btn-deserts { float: left; margin-left: .2rem; }

/* footer */
footer { width: 100%; height: 1rem; background: #684629; position: absolute; left: 0; top: calc(100% - 1rem); }
footer > p { width: 100%; height: 100%; line-height: 1rem; text-align: center; color: #e6d2ac; }


/*---------------------------------------- css media 适配部分（针对使用虚拟系统按键的android）----------------------*/
@media screen and (device-width:360px) and (max-device-height:610px), screen and (device-width:412px) and (max-device-height:700px) and (-webkit-min-device-pixel-ratio:3.5), screen and (device-width:540px) and (device-height:780px) {
}

/*---------------------------------------- css media 适配部分（针对iphone4） ----------------------------------------------*/
@media screen and (device-width:320px) and (device-height:480px), screen and (device-width:540px) and (device-height:702px) {
}

/*---------------------------------------- css media 适配部分（针对android）----------------------*/
@media screen and (device-width:360px), screen and (device-width:412px) and (-webkit-min-device-pixel-ratio:3.5) {
}

/*---------------------------------------- css media 适配部分（针对iphone） ----------------------------------------------*/
@media screen and (device-width:320px), screen and (device-width:375px), screen and (device-width:414px), screen and (device-width:540px) and (device-height:868px) {
}
